<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=1140">
    <title>媒体库</title>
    <link rel="stylesheet" href="style/css/common.css">
    <link rel="stylesheet" type="text/css" href="style/css/style.css">
</head>

<body class="character-library">
    <div class="header-wrap">
        <!-- header DOM结构 -->
    </div>
    <div class="main">
        <ul class="clearfix">
            <li>
                <a href="" class="left-pic fl">
                    <img src="style/images/perlist.jpg" alt="">
                </a>
                <div class="right-text fl">
                    <a href="" class="title">
                       G7烽烟未散，李克强给欧盟吃“定心丸”
                    </a>
                    <div class="summary">
                        当地时间6月2日上午，在布鲁塞尔举行的中欧工商峰会上，欧盟委员会主席容克15分钟的致辞，以一句悲观的判断作为结语：“当今的世界正充满不确定性。”
                    </div>
                    <div class="text-foot">
                        <p>时间：<span class="date">2016年12月4日</span></p>
                        <p>点击：<span class="c-count">750</span></p>
                        <p><a href="">内容详情</a></p>
                    </div>
                </div>
            </li>
            <li>
                <a href="" class="left-pic fl">
                    <img src="https://imgsa.baidu.com/news/q%3D100/sign=a2b3c01da7345982c38ae1923cf5310b/5fdf8db1cb1349543c4dbc0d5c4e9258d1094a03.jpg" alt="">
                </a>
                <div class="right-text fl">
                    <a href="" class="title">
                       G7烽烟未散，李克强给欧盟吃“定心丸”
                    </a>
                    <div class="summary">
                        当地时间6月2日上午，在布鲁塞尔举行的中欧工商峰会上，欧盟委员会主席容克15分钟的致辞，以一句悲观的判断作为结语：“当今的世界正充满不确定性。”
                    </div>
                    <div class="text-foot">
                        <p>时间：<span class="date">2016年12月4日</span></p>
                        <p>点击：<span class="c-count">750</span></p>
                        <p><a href="">内容详情</a></p>
                    </div>
                </div>
            </li>
                        <li>
                <a href="" class="left-pic fl">
                    <img src="http://image.thepaper.cn/wap/image/5/799/174.jpg" alt="">
                </a>
                <div class="right-text fl">
                    <a href="" class="title">
                       G7烽烟未散，李克强给欧盟吃“定心丸”
                    </a>
                    <div class="summary">
                        当地时间6月2日上午，在布鲁塞尔举行的中欧工商峰会上，欧盟委员会主席容克15分钟的致辞，以一句悲观的判断作为结语：“当今的世界正充满不确定性。”
                    </div>
                    <div class="text-foot">
                        <p>时间：<span class="date">2016年12月4日</span></p>
                        <p>点击：<span class="c-count">750</span></p>
                        <p><a href="">内容详情</a></p>
                    </div>
                </div>
            </li>
                        <li>
                <a href="" class="left-pic fl">
                    <img src="http://fwimage.cnfanews.com/websiteimg/2017/20170604/10117/1198184621.jpg" alt="">
                </a>
                <div class="right-text fl">
                    <a href="" class="title">
                       G7烽烟未散，李克强给欧盟吃“定心丸”
                    </a>
                    <div class="summary">
                        当地时间6月2日上午，在布鲁塞尔举行的中欧工商峰会上，欧盟委员会主席容克15分钟的致辞，以一句悲观的判断作为结语：“当今的世界正充满不确定性。”
                    </div>
                    <div class="text-foot">
                        <p>时间：<span class="date">2016年12月4日</span></p>
                        <p>点击：<span class="c-count">750</span></p>
                        <p><a href="">内容详情</a></p>
                    </div>
                </div>
            </li>
                        <li>
                <a href="" class="left-pic fl">
                    <img src="style/images/perlist.jpg" alt="">
                </a>
                <div class="right-text fl">
                    <a href="" class="title">
                       G7烽烟未散，李克强给欧盟吃“定心丸”
                    </a>
                    <div class="summary">
                        当地时间6月2日上午，在布鲁塞尔举行的中欧工商峰会上，欧盟委员会主席容克15分钟的致辞，以一句悲观的判断作为结语：“当今的世界正充满不确定性。”
                    </div>
                    <div class="text-foot">
                        <p>时间：<span class="date">2016年12月4日</span></p>
                        <p>点击：<span class="c-count">750</span></p>
                        <p><a href="">内容详情</a></p>
                    </div>
                </div>
            </li>
                        <li>
                <a href="" class="left-pic fl">
                    <img src="http://himg2.huanqiu.com/attachment2010/2017/0604/09/02/20170604090200486.jpg" alt="">
                </a>
                <div class="right-text fl">
                    <a href="" class="title">
                       G7烽烟未散，李克强给欧盟吃“定心丸”
                    </a>
                    <div class="summary">
                        当地时间6月2日上午，在布鲁塞尔举行的中欧工商峰会上，欧盟委员会主席容克15分钟的致辞，以一句悲观的判断作为结语：“当今的世界正充满不确定性。”
                    </div>
                    <div class="text-foot">
                        <p>时间：<span class="date">2016年12月4日</span></p>
                        <p>点击：<span class="c-count">750</span></p>
                        <p><a href="">内容详情</a></p>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <div class="footer-wrap">
        <!--    页脚部分Dom -->
    </div>
    <script src="script/jquery.min.js"></script>
    <script src="script/headerFooter.js"></script>
    <script>
        $(".nav").find('a').eq(7).addClass("active");
    </script>
</body>

</html>
